<?php

$this->registerCssFile('/css/cropper.css');
$this->registerJsFile('/js/cropper.js');
$this->registerJsFile('/js/user/setheadimg.js?v=1.0.0');
?>

<link href="/css/cropper.css" />
<script type="text/javascript" src="/js/cropper.js" ></script>
<script type="text/javascript" src="/js/user/setheadimg.js?v=1.0.0" ></script>

<div class="block p60 text-c">	
	<div class="user-img content">
		<img class="headimg" src="<?= $data['headimg'] ?>"/>
	</div>
	<div class="layui-btn layui-btn-normal layui-btn-sm mt15" id="select-file-outter"><input type="file" class="imgInput">上传头像</div>
	<p class="info mt10 mt30">仅支持JPG、PNG、JPEG、GIF格式，文件小于4M</p>
</div>

<div class="update-img-box">
	<div class="update-img skewing">
		<div class="block">
			<img src="" class="origin-img" id="image" style="width: 100%;"/>	
		</div>
		<div class="mt30 text-c">
		<div class="layui-btn layui-btn-normal layui-btn-sm" id="savehead">保存</div>
		<div class="layui-btn layui-btn-primary layui-btn-sm" id="cancel">取消</div>
		</div>
	</div>
</div>